<!DOCTYPE html>
<!--[if IE 7]> <html lang="en" class="ie7"> <![endif]-->  
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en">   <!--<![endif]--> 
	
<!-- Mirrored from wbpreview.com/previews/WB0841G88/blog_post.html by HTTrack Website Copier/3.x [XR&CO'2013], Thu, 04 Jul 2013 15:34:35 GMT -->
<head>
		<meta charset="utf-8">
		<title>AnyBiz Template | Blog</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.css">
		<!--[if IE 7]>
  		<link rel="stylesheet" href="assets/font-awesome/css/font-awesome-ie7.css">
		<![endif]-->		
		<link href="assets/css/style.css" rel="stylesheet">
		<link href="assets/css/style_responsive.css" rel="stylesheet">
		<link href="assets/css/effects.css" rel="stylesheet">
		<link href="assets/fancybox/source/jquery.fancybox.css" rel="stylesheet">
		<link href="assets/flexslider2/flexslider.css" rel="stylesheet">
	</head>
	<body>

		<div id="header">
			
			<div class="container">
			
				<div class="row-fluid">
						
					<div id="logo">					
						<a href="index.html"><img src="assets/img/logo.png" alt="Logo"></a>
					</div><!-- /logo -->
						
					<div id="main-menu">
						
						<div class="navbar">

				    		<div class="navbar-inner">
				          		
				          		<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				            		<span class="icon-bar"></span>
				            		<span class="icon-bar"></span>
				            		<span class="icon-bar"></span>
				          		</a><!-- /nav-collapse -->
				          		
				          		<div class="nav-collapse collapse">
				            		
				            		<ul class="nav">
										<li><a href="index.html">Home</a></li>
				              			<li><a href="about.html">About</a></li>
										<li><a href="services.html">Services</a></li>
										<li><a href="projects.html">Projects</a></li>
										<li><a href="pricing.html">Pricing</a></li>				
				              			<li class="active" ><a href="blog.html">Blog</a></li>
				              			<li><a href="faq.html">FAQ</a></li>
										<li><a href="contact.html">Contact</a></li>
				            		</ul><!-- /nav -->

				          		</div><!-- /nav-collapse -->
				        	
				        	</div><!-- /navbar-inner -->

				      	</div><!-- /navbar -->
						
					</div><!-- /span9 -->
						
				</div><!-- /row-fluid -->
							
			</div><!-- /container -->
			
		</div><!-- /header -->	
		
		<div id="content-title">
			<div class="container">
				<div class="row-fluid">
					<div class="span9">	
						<h3 class="title">Blog title #1</h3>
					</div>
					<div class="span3">
						<ul class="pager pull-right">
							<li class="previous">
						    	<a href="blog.html" class="shake">&larr; Back</a>
						  	</li>
						</ul>
					</div>
				</div>
			</div>
		
		</div>

		<div id="content-body" class="services">
			<div class="container">
				<div class="row-fluid blog">
			
					<div class="span9">
						
						<div class="row-fluid">

							<div class="span3">	
								<div class="date">
									<div class="published">
	   									<div class="day pull-left">12</div>
	   									<div class="month pull-right">JAN 2012</div>
	   									<div class="clearfix"></div>
	   								</div>	
   								</div>
								<div class="author">
									by Nick Stone
								</div>	
								<div class="tags">
									<i class="icon-tags"></i>
									<span class="label label-info1"><a href="#">HTML5</a></span>
									<span class="label label-info1"><a href="#">CSS3</a></span>
									<span class="label label-info1"><a href="#">Photography</a></span>
									<span class="label label-info1"><a href="#">Design</a></span>
								</div>
								<div class="comments">
									<i class="icon-comments"></i> <a href="#comments">10 comments</a>						
								</div>
							</div>	
							<div class="span9">
								<h4 class="title grey">Blog title #1</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
									sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
								</p>	
								<p>
									<iframe src="http://player.vimeo.com/video/9178386?badge=0" width="100%" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
								</p>	
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
								</p>	
							</div>	
						
						</div>

						<a name="comments"></a>
						<hr class="solid">	

						<h4 class="title grey">Comments(10)</h4>

						<div class="row-fluid margin-top-10">
	
							<ul class="media-list">

					            <li class="media">
					            	
					            	<a class="pull-left" href="#">
					            	   <img class="media-object" src="assets/img/photo.jpg" width="60">
					               	</a>

					               	<div class="media-body">
					                	<h4 class="media-heading">
					                		<div class="reply-author">Alex Fox <a href="#reply">reply</a></div>
					                		<div class="reply-date">Nov 12, 2012.</div>
					                	</h4>
					                	<p>
					                  	Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
					                  	</p>
					                  	<div class="media">
					                  		<a class="pull-left" href="#">
					                    		<img class="media-object" src="assets/img/photo.jpg" width="60">
					                    	</a>
					                    	<div class="media-body">
					                    		<div class="reply-author">Elis Strong <a href="#reply">reply</a></div>
					                			<div class="reply-date">Nov 12, 2012.</div>
					                			<p>
					                  			Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
					                			</p>
					                      	</div>
					                    </div>
					                </div>
					            </li>
					                
					            <li class="media">

					                <!-- Nested media object -->
					                <div class="media">
					                	<a class="pull-left" href="#">
					                   		<img class="media-object" src="assets/img/photo.jpg" width="60">
					                    </a>
					                    <div class="media-body">
					                    	<div class="reply-author">Nich Rolton <a href="#reply">reply</a></div>
					                		<div class="reply-date">Nov 12, 2012.</div>
					                		Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
					                    </div>
					                </div>

					            </li>    

					            <li class="media">

					                 <div class="media">
					                	<a class="pull-left" href="#">
					                   		<img class="media-object" src="assets/img/photo.jpg" width="60">
					                    </a>
					                    <div class="media-body">
					                    	<div class="reply-author">Nich Rolton <a href="#reply">reply</a></div>
					                		<div class="reply-date">Nov 12, 2012.</div>
					                		Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
					                    </div>
					                </div>
					            	
					            </li>

					    	</ul>

						</div>

						<a name="reply"></a>
						<hr class="solid">	

						<div class="row-fluid">
							<div class="span12">								
	                        	<h4 class="title grey">Add Comment</h4>
		                    	<form>
		                            <div class="row-fluid">
		                                <div class="span6">
		                                    <input type="text" class="input-xlarge" placeholder="Name" name="name">
		                                </div>
		                            </div>
		                            <div class="row-fluid">    
		                                <div class="span6">
		                                    <input type="text" class="input-xlarge" placeholder="Email" name="email">
		                                </div>
		                            </div>
		                            <div class="row-fluid">
		                                <div class="span6">
		                                    <textarea class="input-xxlarge" placeholder="Comments" rows="7"></textarea>
		                                </div>
		                            </div>
		                            <div class="row-fluid">
		                                <div class="span6">
		                                    <a href="#" class="btn btn-primary">Add comment</a>
		                                </div>
		                            </div>
		                        </form>
	                    	</div>
                   		</div>

					</div>			

					<div class="span3">

						<div class="visible-phone">
							<hr class="solid">
						</div>	

						<form class="form-search margin-top-20">
							<input type="text" placeholder="Search ..." class="input-large search-query">
						</form>

						<h4 class="title grey">Menu</h4>	

						<div class="clearfix bottom-20 margin-top-10">
							<ul class="nav nav-list">
						        <li class="active bold"><a href="#"><i class="icon-chevron-left"></i> Creative Technologies</a></li>
						        <li ><a href="#"><i class="icon-chevron-left"></i> Web Development</a></li>
						        <li class=""><a href="#"><i class="icon-chevron-left"></i> Mobile Apps</a></li>
						        <li class=""><a href="#"><i class="icon-chevron-left"></i> Online Compaiges</a></li>
						        <li class=""><a href="#"><i class="icon-chevron-left"></i> Media Buzz</a></li>
						        <li class=""><a href="#"><i class="icon-chevron-left"></i> Marketing Analyses</a></li>
						    </ul>	
						</div>

						<hr class="dashed">

					    <h4 class="title grey">Recent posts</h4>	
					    <div class="media">
							<a class="pull-left" href="#">
							    <img class="media-object img-polaroid" src="assets/img/blog/thumb1.jpg">
							</a>
							<div class="media-body">
							    Cras sit amet nibh libero, in gravida nulla, sit amet nibh libero...
							    <br><a href="#" class="">read more</a>
							</div>
						</div>	
						<div class="media">
							<a class="pull-left" href="#">
							    <img class="media-object img-polaroid" src="assets/img/blog/thumb2.jpg">
							</a>
							<div class="media-body">
							   	Fusce condimentum nunc ac nisi vulputate, sit amet nibh libero...
							    <br><a href="#" class="">read more</a>
							</div>
						</div>	

						<hr class="dashed">
					    
					    <h4 class="title grey">Tags</h4>

					    <span class="label label-info1"><a href="#">HTML5</a></span>
						<span class="label label-info1"><a href="#">CSS3</a></span>
						<span class="label label-info1"><a href="#">Photography</a></span>
						<span class="label label-info1"><a href="#">Cars</a></span>
						<span class="label label-info1"><a href="#">Design</a></span>
						<span class="label label-info1"><a href="#">Art</a></span>
						<span class="label label-info1"><a href="#">Technology</a></span>
						<span class="label label-info1"><a href="#">Robotics</a></span>
						<span class="label label-info1"><a href="#">Construction</a></span>
						<span class="label label-info1"><a href="#">Transportation</a></span>

					</div>

				</div>
			</div>				
		
		</div>	
			
		<div id="footer">
			
			<div class="container">
					
				<div class="row-fluid">	
					<div class="span12">
					<a class="top" href="javascript:;">top</a>
					</div>
				</div>

				<div class="row-fluid">

					<div class="span3">
						<h4 class="title"><i class="icon-cogs"></i>About Us</h4>
						<div class="margin-bottom-10">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
						sed do eiusmod tempor incididunt ut labore et dolore magna 
						aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
						ullamco laboris nisi ut aliquip ex ea commodo consequat.
						</div>
					</div>	

					<div class="span3">
						<h4 class="title"><i class="icon-comments"></i>Latest From Blog</h4>	
						<div class="media">
							<a class="pull-left" href="blog.html">
							    <img class="media-object img-polaroid" src="assets/img/blog/thumb1.jpg">
							</a>
							<div class="media-body">
							    Cras sit amet nibh libero, in gravida nulla, in gravida nulla...
							    <br><a href="blog.html" class="">read more</a>
							</div>
						</div>	
						<div class="media">
							<a class="pull-left" href="blog.html">
							    <img class="media-object img-polaroid" src="assets/img/blog/thumb2.jpg">
							</a>
							<div class="media-body">
							   	Fusce condimentum nunc ac nisi vulputate nunc ac nisi...
							    <br><a href="blog.html" class="">read more</a>
							</div>
						</div>	
					</div>	

					<div class="span3">
						<h4 class="title"><i class="icon-map-marker"></i>Contact</h4>
						<div class="">
							<span class="grey-light">Address:</span>&nbsp;<span class="">25, Lorem Lis, California, US</span></br>
							<span class="grey-light">Phone:</span>&nbsp;<span>800 123 3456</span></br>
							<span class="grey-light">Fax:</span>&nbsp;<span class="">800 123 3456</span></br>
							<span class="grey-light">Email:</span>&nbsp;<a href="mailto:info@anybiz.com" class="">info@anybiz.com</a>
							<div class="margin-top-5">
								<a href="contact.html">
									<img  src="assets/img/map.jpg" alt="map"
									class="img-rounded tooltips"  data-original-title="View our location"
								></a>
							</div>
						</div>	
					</div>	

					<div class="span3">
						<h4 class="title"><i class="icon-envelope-alt"></i>Subscribe</h4>
						<div class="margin-bottom-10">
						Subscribe to our newsletter and stay up to date with the latest news and deals!	
						</div>	
						<form class="form-inline">
						  <input type="text" class="input-medium" placeholder="Your email">
						  &nbsp;<button type="submit" class="btn btn-inverse">Go</button>
						</form>	

						<h4 class="title"><i class="icon-heart"></i>Stay Tuned</h4>
						<div class="clearfix">
							<a href="#" class="iconify"><i class="icon-linkedin"></i></a>
							<a href="#" class="iconify"><i class="icon-google-plus"></i></a>
							<a href="#" class="iconify"><i class="icon-twitter"></i></a>
							<a href="#" class="iconify"><i class="icon-facebook"></i></a>
							<a href="#" class="iconify"><i class="icon-pinterest"></i></a>
							<a href="#" class="iconify"><i class="icon-github"></i></a>
						</div>	
					</div>														
						
				</div> <!-- /row-fluid -->

				<div class="row-fluid visible-phone">	
					<div class="span12">
					<a class="top" href="javascript:;">top</a>
					</div>
				</div>

				<div class="row-fluid margin-top-20">
					
					<div class="span12">
						
						<div id="quick-menu" class="span6 pull-right">						
							<ul class="menu white pull-right">
								<li><a href="index.html">Home</a></li>
								<li><a href="about.html">About</a></li>
								<li><a href="projects.html">Projects</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="faq.html">FAQ</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div><!-- /quick-menu -->

						<div id="copyright" class="span6 pull-left">
							&copy; 2012 AnyBiz Inc. All Rights Reserved. 
						</div><!-- /copyright -->

					</div>

				</div>

			</div>				

		</div><!-- /footer -->	

		<script src="assets/js/jquery-1.8.2.min.js"></script>
		<script src="assets/bootstrap/js/bootstrap.min.js"></script>	
		<script src="assets/flexslider2/jquery.flexslider-min.js"></script>
		<script src="assets/fancybox/source/jquery.fancybox.pack.js"></script>
		<!--[if lt IE 9]>
		<script src="assets/js/respond.js"></script>
		<![endif]-->		
		<script src="assets/js/app.js"></script>	
	</body>

<!-- Mirrored from wbpreview.com/previews/WB0841G88/blog_post.html by HTTrack Website Copier/3.x [XR&CO'2013], Thu, 04 Jul 2013 15:34:35 GMT -->
</html>	
<script>
jQuery(document).ready(function() {
	App.initGeneral();
});
</script>		